<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #box{width: 100px;height:100px;background: red}
    </style>
</head>
<body>
</body>
<script>
    // var obox = document.getElementById("box")

    // 键盘一般要加给能够获取焦点的元素

    // document.onkeydown = function(){
    //     console.log(1)
    // }
    window.onkeydown = function(eve){
        var e = eve || window.event;
        // a~z: 65~90
        // 0~9: 48~57
        // 左上右下：37~40
        // 回车：13
        // 空格：32
        // 正常浏览器
        // console.log(e.keyCode);
        // IE低版本
        // console.log(e.which);
        // 兼容处理
        // console.log(e.keyCode || e.which);

        // 功能按键的判断方式
        // windows:ctrl, mac:control
        // console.log(e.ctrlKey);
        // windows:shift, mac:shift
        // console.log(e.shiftKey);
        // windows:alt, mac:option
        // console.log(e.altKey);
        // windows: win, mac:command
        // console.log(e.metaKey);
    }

</script>
</html>